<script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  export let fill: string = 'currentColor'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M12.7084 5.83335C12.7084 5.25806 12.242 4.79169 11.6667 4.79169H3.33341C2.75812 4.79169 2.29175 5.25806 2.29175 5.83335V14.1667C2.29175 14.742 2.75812 15.2084 3.33341 15.2084H11.6667C12.242 15.2084 12.7084 14.742 12.7084 14.1667V5.83335ZM13.9584 10.0505L13.9633 10.0928C13.9722 10.135 13.9937 10.1738 14.026 10.2035L17.7084 13.5783V6.42092L14.026 9.79657C13.9831 9.83594 13.9585 9.89135 13.9584 9.94956V10.0505ZM13.9584 8.16164L17.2128 5.17906L17.3422 5.07733C18.0111 4.62765 18.9584 5.09741 18.9584 5.94729V14.0528C18.9584 14.9591 17.8809 15.4333 17.2128 14.821L13.9584 11.8376V14.1667C13.9584 15.4323 12.9324 16.4584 11.6667 16.4584H3.33341C2.06776 16.4584 1.04175 15.4323 1.04175 14.1667V5.83335C1.04175 4.5677 2.06776 3.54169 3.33341 3.54169H11.6667C12.9324 3.54169 13.9584 4.5677 13.9584 5.83335V8.16164Z"
  />
</svg>
